<template>
    <p>{{ title }}</p>
    <p>count:{{ count }}</p>
    <p>用户名：{{ user.name }}</p>
    <p>年龄：{{ user.age }}</p>
    <div>
        <p v-for="item in scores" :key="item">{{ item }}</p>
    </div>
    <p>
        限定值是:{{validNum}}
    </p>

</template>

<script setup>
const props = defineProps({
    title: {
        type: String,
        required: true,

    },
    count: {
        type: Number,
        default: 0,//引入组件不传值的情况下默认值
    },
    user: {
        type: Object,
        default: () => ({
            name: '默认用户',
            age: 18,

        }),
        // required:true,
    },
    scores: {
        type: Array,
        default: () => [1, 2, 3, 4]
    },
    validNum: {
        type: Number,
        validator: (value) => value>= 0 && value <= 100,
},
})
</script>
<style></style>